<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link href="css/site.css" rel="stylesheet"/>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--head-->
    <style>
        .boardcat h4 {
            border-bottom: gray 1px solid;
            padding: 3px;
        }
        .boardlist li {
            list-style: none;
        }
        .boardlist .head {
            font-weight: bold;
            font-size: larger;
        }
        .boardlist .head .pull-right {
            width: 100px;
            text-align: center;
            border-left: #777777 solid 1px;
        }
        .boardlist .board .pull-right {
            width: 100px;
            text-align: center;
        }
        .boardlist .head span.master, .boardlist .board span.master {
            width: 200px;
        }
        .boardlist .board a.master {
            margin: 0 2px
        }
    </style>
    <title>wBBS</title>
    <!--head end-->
</head>
<body>
<div id="header">
    <div class="container">
        <div class="pull-right">
            <span w:u="loginUser">欢迎：<a href="/profile.html">${u.name}</a></span>
            <a href="/logout.do" w:="loginUser!=null">退出</a>
            <a href="/login.html" w:="loginUser==null">登录</a>
            <a href="/register.html">注册</a>
        </div>
        <div class="pull-left">
            <a href="/">首页</a>
            <a href="/articles.html">最新</a>
            <a href="/">最热</a>
        </div>
        <div class="clearfix"></div>
        <h1><a href="/" style="color: #ffffff;text-decoration: none">wBBS</a></h1>
        <p class="lead">
            简单、朴素、直接
        </p>
    </div>
</div>
<div class="container">
    <!--content-->
    <div w:cat="categories" class="boardcat">
        <h4>${cat.name}</h4>
        <ul class="boardlist">
            <li class="head">
                <span>版面名称</span>
                <span class="pull-right master">版主</span>
                <span class="pull-right">主题数</span>
                <span class="pull-right">帖子数</span>
            </li>
            <li w:board="cat.boards" class="board">
                <a href="board.html?id=${board.id}">${board.name}</a>
                <span class="pull-right master">
                    <a class="master" href="" w:m="board.masters">${m.id}(${m.name})</a>
                    <span w:="board.masters.empty">空缺</span>
                </span>
                <span class="pull-right">${board.topicCount}</span>
                <span class="pull-right">${board.topicCount + board.replyCount}</span>
                <br/>
                ${board.remark}
            </li>
        </ul>
    </div>
    <!--content end-->
</div>
<div id="footer">
    Powered by <a href="http://code.google.com/p/webwheel/">WebWheel</a>.
</div>
</body>
</html>